import { _decorator, Button, Component, Label, Node, ScrollView } from 'cc';
import { BasePopup } from './BasePopup';
const { ccclass, property } = _decorator;

@ccclass('RulesPopup')
export class RulesPopup extends BasePopup {

    @property(Label)
    rulesTitle: cc.Label = null!;
    
    @property(ScrollView)
    rulesScrollView: cc.ScrollView = null!;
    
    onEnable() {
        console.log("RulesPopup 已启用");
        // super.onEnable(); // 调用父类的 onEnable 方法
        this.initUI(); // 初始化 UI
    }

    // 初始化 UI
    private initUI() {
        // 设置活动标题
        if (this.rulesTitle) {
            this.rulesTitle.string = "活动规则"; // 示例标题
        } else {
            console.error("activityTitle 未绑定");
        }

        // 加载规则内容
        if (this.rulesScrollView) {
            this.loadRulesContent();
        } else {
            console.error("rulesScrollView 未绑定");
        }
    }

    // 加载规则内容
    private loadRulesContent() {
        // 示例：动态加载规则内容
        const rules = [
            "1. 规则一：请遵守活动规则。",
            "2. 规则二：禁止作弊行为。",
            "3. 规则三：活动最终解释权归主办方所有。",
            "3. 规则三：活动最终解释权归主办方所有。",
            "3. 规则三：活动最终解释权归主办方所有。",
            "3. 规则三：活动最终解释权归主办方所有。",
            "3. 规则三：活动最终解释权归主办方所有。",
            "3. 规则三：活动最终解释权归主办方所有。",
            "3. 规则三：活动最终解释权归主办方所有。",
            "3. 规则三：活动最终解释权归主办方所有。",
            "3. 规则三：活动最终解释权归主办方所有。",
            "3. 规则三：活动最终解释权归主办方所有。",
            "3. 规则三：活动最终解释权归主办方所有。",
            "3. 规则三：活动最终解释权归主办方所有。",
            "3. 规则三：活动最终解释权归主办方所有。",
            "3. 规则三：活动最终解释权归主办方所有。",
            "3. 规则三：活动最终解释权归主办方所有。",
            "3. 规则三：活动最终解释权归主办方所有。",
            "3. 规则三：活动最终解释权归主办方所有。",
            "3. 99999",
            "3. 规则三：活动最终解释权归主办方所有。",
            "3. 规则三：活动最终解释权归主办方所有。",
            "3. 规则三：活动最终解释权归主办方所有。",
            "3. 规则三：活动最终解释权归主办方所有。",
            "3. 规则三：活动最终解释权归主办方所有。",
            "3. 规则三：活动最终解释权归主办方所有。",
            "3. 规则三：活动最终解释权归主办方所有。",
            "3. 规则三：活动最终解释权归主办方所有。",
            "3. 规则三：活动最终解释权归主办方所有。",
            "3. 3333333333333",
        ];

        const content = this.rulesScrollView.content;
        content.removeAllChildren(); // 清空现有内容

        rules.forEach((rule, index) => {
            const labelNode = new Node();
            const label = labelNode.addComponent(Label);
            label.string = rule;
            label.fontSize = 24;
            label.lineHeight = 30;
            labelNode.setPosition(0, -index * 40); // 设置位置
            content.addChild(labelNode);
        });

        // 更新 ScrollView 内容高度
        content.height = rules.length * 40;
    }
}


